#root{
    display: none;
    header{
     position: static;
    }
    #billText {
      margin-left: -24px;
    }
    #contractBox {
      color: #666666;
      font-size: 13px;
      margin: 0px 10px;
      overflow-y: auto;
    }
    #wrapper {
      position: absolute;
      z-index: 1;
      top: 45px;
      overflow: auto;
    }
    .title {
      text-align: center;
      font-size: 15px;
      color: #222;
      font-family: Normal;
      margin: 15px 0px;
      font-weight: 600;
    }
     #contract-info > div {
      margin: 10px 0;
    }
    #contract-info .underline {
      border-bottom: 1px solid #222;
      padding-right: 20px;
      padding-left: 10px;
      display: inline-block;
    }
    #contract-info .pl20 {
      padding-left: 20px;
    }
    #contract-info .strong {
      color: #222;
      font-weight: 600;
    }
    #contract-info #user_phone, #contract-info #user_no {
      width: 120px;
    }
    #contract-info #order_id, #contract-info #tl_mer_name {
      width: 140px;
    }
     #contract-info #htId {
      width: 160px;
    }
    #contract-info #user_name {
      width: 90px;
    }
    #contract-info #ty_name {
      width: 150px;
    }
    #contract-info #instalmentNum {
      width: 60px;
    }
    #contract-info #stageNumber {
      width: 30px;
    }

    #contract-clause {
      line-height: 25px;
    }
    #contract-clause .list-title {
      margin-top: 13px;
      font-size: 14px;
      color: #222;
    }
    #contract-clause .clause-content {
      text-indent: 2em;
    }
    #contract-clause .strong {
      color: #222;
      font-weight: 600;
    }

    #upImg {
      width: 34px;
      height: 34px;
      position: absolute;
      top: 300px;
      right: 20px;
      z-index: 9;
      display: none;
    }

    #agreeBox {
      margin: 20px 0px 10px 0px;
      padding-bottom: 20px;
    }
    #agreeBox .check {
      position: absolute;
      left: -9999em;
    }
    #agreeBox i.icon_checked {
      width: 20px;
      height: 20px;
      display: inline-block;
    }
    #agreeBox label {
      display: block;
    }
    #agreeBox .underline {
      /*      text-decoration: underline; */
      border-bottom: 1px solid #222;
      display: inline-block;
      width: 50px;
      text-align: center;
      height: 19px;
      vertical-align: bottom;
    }

    .cell_bd,
    .cell_hd {
      display: inline-block;
    }

    .cell_bd {
      vertical-align: super;
    }

    .icon_checked:before {
      content: " ";
      width: 19px;
      height: 19px;
      background: url(../../img/faceDetect/blue@2x.png) no-repeat;
      background-size: 56px 19px;
      display: block;
    }

    .cells_checkbox .check:checked + .icon_checked:before {
      background-position: -38px 0;
    }


    }

